// 列表项
import { Radio } from "@taroify/core";
import { DeleteOutlined } from "@taroify/icons";
import { View } from "@tarojs/components";
import React from "react";

type TDraftBoxPageItemProps = {
  item: {
    id: string;
    title: string;
    createTime: string;
    meetingTime: string;
    type: string;
    status: number;
  };
};

const DraftBoxPageItem: React.FC<TDraftBoxPageItemProps> = ({ item }) => {
  return (
    <View className="relative flex flex-row items-start justify-start w-full gap-2 p-4 mb-4 bg-white rounded-lg shadow flex-nowrap">
      <View className="">
        <Radio name="1" />
      </View>
      <View className="">
        <View>{item.title}</View>
        <View className="mt-2 text-xs">
          <View className="text-gray-500">创建时间: {item.createTime}</View>
          <View className="text-gray-500">会议时间: {item.meetingTime}</View>
          <View className="text-gray-500">报备类型: {item.type}</View>
        </View>
      </View>
      <View className="absolute right-4 bottom-3">
        <DeleteOutlined size={22} color="#f30" />
      </View>
    </View>
  );
};

export default DraftBoxPageItem;
